<template>
    <div
        class="background-static"
        :style="{
            backgroundImage: `url('${backgroundSrc}')`,
        }"
    ></div>
</template>
<script>
import { mapState } from "vuex";
export default {
    name: "BackgroundStatic",
    computed: {
        ...mapState("setting", {
            backgroundSrc: (state) => state.background.staticSrc,
        }),
    },
};
</script>
<style lang="less" scoped>
.background-static {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-color: #eee;
}
</style>
